<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			body{
				overflow-x: hidden;
			}
			.content {
				width: 100%;
			}
			
			.content_center {
				/* top: -50px; */
				/* width: 900px; */
				height: 900px;
				background-color: black;
				left: 400px;
				margin: 0px auto;
				background-image: url(img/scenery.jpg);
				background-repeat: no-repeat;
				margin: 0px auto;
				background-repeat: no-repeat;
				background-size:cover;
				margin-bottom: -25px;
				background-position: center;
			}
			.footer_all {
				width: 100%;
				background-color: #242335;
				/* margin-top: 75px; */
			}

			.footer {
				width: 1705px;
				height: 300px;
				background-color: black;
				margin: 0px auto;
				background-color: #242335;
			}

			.us {
				width: 980px;
				height: 300px;
				margin-left: 340px;
				position: relative;
			}

			.logo {
				width: 150px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 50px;
				left: -38px;
			}

			.logo h1 {
				color: white;
				padding-top: 40px;
			}

			.second {
				width: 280px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 50px;
				left: 250px;
			}

			.second img {
				width: 25px;
				display: block;
				margin-top: 25px;
			}

			.second {
				position: relative;
			}

			._aboutus p {
				color: white;
				margin-top: 25px;
				font-size: 14px;
			}

			._aboutus {
				position: absolute;
				top: -21px;
				left: 42px;
			}

			.third {
				width: 190px;
				height: 150px;
				/* background-color: aliceblue; */
				position: absolute;
				top: 42px;
				left: 654px;
				display: flex;
				flex-wrap: wrap;
			}

			.third p {
				color: white;
				font-size: 14px;
				margin-left: 15px;
			}

			.shade{
				width: 100%;
				height: 100%;
				background-color: black;
				background: rgba(0, 0, 0, 0.3);
			}
			.shade_center{
				width: 1000px;
				height: 900px;
				/* background-color: #0000FF; */
				margin: 0px auto;
			}
			.shade_center p{
				color: white;
			}
			.contact_us_title{
				font-size: 40px;
				font-weight: bolder;
				padding-top: 80px;
			}
			.contact_us_center{
				margin-top: 20px;
			}
			.contact_us_map{
				width: 1000px;
				height: 500px;
				background-color: #004444;
				margin-top: 50px;
				border-radius: 10px;
				display: flex;
			}
			.contact_us_map div{
				display: inline-block;
				
			}
			.contact_us_map_left{
				width: 70%;
				height: 100%;
			}
			.contact_us_map_right{
				width: 30%;
				background: linear-gradient(#3659F5,#537BF5 72%,#3659F5);
				text-align: center;
				position: relative;
			}
			.contact_us_map_right img{
				width: 25px;
				margin: 15px;
				margin-top: 65px;
			}
			.contact_us_map_right p{
				margin-top: 25px;
			}
			#relation{
				font-size: 25px;
				margin-top: 96px;
				margin-bottom: 50px;
			}
			.contact_us_map_left img{
				width: 100%;
				height: 100%;
			}
		</style>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<div class="content">
			<div class="content_center">
                  <div class="shade">
                  	<div class="shade_center">
                  		<p class="contact_us_title">联系我们<br>
						<p class="contact_us_center">我们期待每一个和您交流的机会，无论是投诉还是祝福，意见或建议，<br>
						   无论你在世界的任何一个角落对我们 提出意见或建议，我们保证您都<br>
						   将得到我们的回复。</p>
						 <div class="contact_us_map">
						 	<div class="contact_us_map_left">
						 		<img src="img/_map.png" >
						 	</div>
							<div class="contact_us_map_right">
								<p id="relation">我们的联系方式</p>
								<p>中国广东省111号</p>
								<p>400-999-5555</p>
								<p>www.uuu.com</p>
								<img src="img/wechat.png" >
								<img src="img/microblog.png" >
								<img src="img/qq.png" >
							</div>
						 </div>  
                  	</div>
                  </div>
			</div>
		</div>
		
		
		<div class="footer_all">
			<div class="footer">
				<div class="us">
					<div class="logo">
						<h1>logo</h1>
					</div>
					<div class="second">
						<img src="img/phone.png">
						<img src="img/mailbox.png">
						<img src="img/companyaddress.png">
						<div class="_aboutus">
							<p>2012-21325122</p>
							<p>121352135@163.com</p>
							<p>中国深圳市龙华去1208号2403</p>
						</div>
					</div>
					<div class="third">
          <a href="/tool/aboutus/aboutus.html">
            <p>关于我们</p>
          </a>
          <a href="/tool/aboutus/help.html">
            <p>新手上路</p>
          </a>
          <a href="/tool/aboutus/contact_us.html">
            <p>联系我们</p>
          </a>
          <a href="/tool/aboutus/greenhand.html">
            <p>使用帮助</p>
          </a>
          <a href="/tool/aboutus/partner.html">
            <p>合作伙伴</p>
          </a>
          <a href="/tool/index.html">
							<p>旅行工具</p>
						</a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
